import React from 'react'
import "./index.css"

import Item from './Item'

export default function List({ todoList, setTodoList}) {
  return (
    <ul className="todo-main">
      {
        todoList.map((item) => {
          return <Item key={item.id} {...item} todoList = {todoList} setTodoList = {setTodoList}/>
        })
      }
    </ul>
  )
}
